<template>
    <div>
        <div class="g-header">
            <g-header></g-header>
        </div>
        <div class="g-sider">
            <g-sider></g-sider>
        </div>
        <div class="g-content">
            <g-content-mysql></g-content-mysql>
        </div>
    </div>
</template>

<script>
    import GHeader from './Gnervcat/GHeader';
    import GSider from './Gnervcat/GSider';
    import GContentMysql from './Gnervcat/GContentMysql';

    export default {
        name: "gnervcat",
        components: {
            GHeader,
            GSider,
            GContentMysql
        }
    }
</script>

<style scoped>
    .g-header {
        height: 50px;
        background-color: #4d5669;
    }

    .g-sider {
        position: fixed;
        width: 200px;
        height: 100%;
        overflow-x: auto;
        overflow-y: auto;
        background-color: #2baee9;
    }
    .g-content {
        position: fixed;
        margin-left: 205px;
        padding-right: 210px;
        width: 100%;
    }
</style>